<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/account.css">
</head>
<body>
    <!-- 头部 -->
    <div id="header">
        <div class="header-wrap">
            <h1><img src="./images/fila_blue_150.png" alt="" class="dom_center"></h1>
            <div class="header-right">
                <input type="text" placeholder="短袖"><button>搜索</button>
                <a href="" class="enter">登入</a>
                <a href="" class="login">注册</a>
                <a href="" class="shop_cart"><img src="./images/cart-blue.png" alt=""></a>
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <div class="pay">
        <h6>请选择支付方式</h6>
        <div class="WX">
            <img src="./images/wechatpay-02.png" alt="" class="dom_cen">
        </div>
        <div class="wx-code" style="display: none;">
            <img src="./images/qrcode.jpg" alt="">
            <em>扫一扫这个付款码付款</em><br>
            <a href="" class="OK">我已完成付款</a>
            <a href="">付款遇到问题</a>
        </div>
        <hr>
        <div class="message">
            <div class="message-cell">订单号：5105205114419817370</div>
            <div class="message-cell">收件人：辛乾[17602980647]</div>
            <div class="message-cell">地址：中国,江苏省,无锡市,南长区胡家庙220号</div>
            <div class="message-cell">总件数：1</div>
            <div class="message-cell">总额：<i>￥401.00</i></div>
        </div>
    </div>
      <!-- 底部 -->
      <div id="foot">
        <div class="foot-wrap">
            <ul class="float_left">
                <li><a href="">购物服务</a></li>
                <li><a href="">关于品牌</a></li>
                <li><a href="">查找门店</a></li>
                <li>关注FLIA官方媒体:
                    <a href="" class="microblog"></a>
                    <a href="" class="WeChat"></a>
                </li>
                <li>售后服务电话：400-886-7699</li>
            </ul>
            <div class="foot_right float_right">
                <p>©FILA体育 闽ICP备11020421号-8 闽公网安备35020302033807号</p>
                <p>©2020 FILA Luxembourg S.à.r.l. - All Rights Reserved -</p>
            </div>
        </div>
    </div>
    <div class="service">
        <a href="">客服</a>
    </div>
    <script src="./js/jquery.min.js"></script>
    <script>
        $(function(){
            $(".WX").click(function(){
                $(".wx-code").fadeIn()
            })
            $(".OK").click(function(){
                $(".wx-code").fadeOut()
                alert("完成付款")
            })
            // 数据
            let id = window.location.href.slice(window.location.href.indexOf("?") + 4)
              console.log(id)
              $.ajax({
                  url:"http://127.0.0.1:81/getDetails",
                  data:{
                      id:id
                  },
                  success:function(data){
                      console.log(data)
                      JSON.parse(data).forEach(item => {
                        // $(".jiesuan").attr("href",`account.html?id=${item.id}`)
                            $(".message-cell i").html(`￥${item.price}.00`)

                      })
                  }
              })
        })
    </script>
</body>
</html>